<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8"/>
    <title>后台管理系统</title>
    <meta name="author" content="DeathGhost"/>
    <link rel="stylesheet" type="text/css" href="/admin/css/style.css">
    <!--[if lt IE 9]>
    <script src="/admin/js/html5.js"></script>
    <![endif]-->
    <script src="/admin/js/jquery.js"></script>
    <script src="/admin/js/jquery.mCustomScrollbar.concat.min.js"></script>
    <script>
        (function ($) {
            $(window).load(function () {

                $("a[rel='load-content']").click(function (e) {
                    e.preventDefault();
                    var url = $(this).attr("href");
                    $.get(url, function (data) {
                        $(".content .mCSB_container").append(data); //load new content inside .mCSB_container
                        //scroll-to appended content 
                        $(".content").mCustomScrollbar("scrollTo", "h2:last");
                    });
                });

                $(".content").delegate("a[href='top']", "click", function (e) {
                    e.preventDefault();
                    $(".content").mCustomScrollbar("scrollTo", $(this).attr("href"));
                });

            });
        })(jQuery);
    </script>
</head>

<body>
<!--header-->
<header>
    <div th:replace="admin/topBar::heater"></div>
</header>
<!--aside nav 开始-->

<aside class="lt_aside_nav content mCustomScrollbar">
    <div th:replace="admin/leftBar::left"></div>
</aside>
<!--aside nav结束-->

<section class="rt_wrap content mCustomScrollbar">
    <div class="rt_content">
        <div class="page_title">
            <h2 class="fl">订单详情示例</h2>
        </div>
        <table class="table">
            <tr>
                <td>用户：DeathGhost</td>
                <td></td>
                <td>收件地址：陕西省西安市雁塔区丈八路2000集都市印象18栋2160室</td>
                <td>付款时间：2016-02-01 13:56</td>
            </tr>
            <tr>
                <td>下单时间：2016-02-01 13:56</td>
                <td>完成时间：——————</td>
                <td>评价时间：——————</td>
            </tr>
            <tr>
                <td>订单状态：<a>已付款，待发货</a></td>
            </tr>
        </table>
        <table class="table">
            <tr>
                <td class="center"><img src="/admin/upload/goods01.jpg" width="50" height="50"/></td>
                <td>产品ID</td>
                <td class="center">产品名称</td>
                <td class="center">分类</td>
                <td class="center"><strong class="rmb_icon">59.00（单价）</strong></td>
                <td class="center"><strong>1（数量）</strong></td>
                <td class="center"><strong class="rmb_icon">59.00（总价）</strong></td>
            </tr>
            <tr>
                <td class="center"><img src="/admin/upload/goods01.jpg" width="50" height="50"/></td>
                <td>产品ID</td>
                <td class="center">产品名称</td>
                <td class="center">分类</td>
                <td class="center"><strong class="rmb_icon">59.00（单价）</strong></td>
                <td class="center"><strong>1（数量）</strong></td>
                <td class="center"><strong class="rmb_icon">59.00（总价）</strong></td>
            </tr>
            <tr>
                <td class="center"><img src="/admin/upload/goods01.jpg" width="50" height="50"/></td>
                <td>产品ID</td>
                <td class="center">产品名称</td>
                <td class="center">分类</td>
                <td class="center"><strong class="rmb_icon">59.00（单价）</strong></td>
                <td class="center"><strong>1（数量）</strong></td>
                <td class="center"><strong class="rmb_icon">59.00（总价）</strong></td>
            </tr>
        </table>
        <aside class="mtb" style="text-align:right;">
            <label>管理员操作：</label>
            <input type="button" value="发货" class="group_btn"/>
            <input type="button" value="取消订单" class="group_btn"/>
        </aside>
    </div>
</section>
</body>

</html>